<!-- The view to add (or edit)  sale_program -->

<div id="add_form" class="form_container" style="width: 600px;">
<form id="add_sale_program_form" name="add_sale_program_form">

    <div>
        <span id="status_message" style="font-style: italic; color: red;"></span>
    </div>
    <input type="hidden" id="sale_program_id" name="sale_program_id" value=""> 
    <table cellspacing="0" cellpadding="0">
        <tr>
            <td colspan="2" class="field" style="text-transform: uppercase">{translate}Promotion program{/translate} </td>
        </tr>
        <tr>
            <td class="label">{translate}Promotion program name{/translate}</td>
            <td class="field">
               <input id="name" name="name" type="text" size="50" 
                    value=""> 
            </td>                                
        </tr>
        <tr>
            <td class="label">{translate}Description{/translate}</td>
            <td class="field">
               <input id="description" name="description" type="text" size="50" 
                    value=""> 
            </td>          
                            
        </tr>
        <tr>
            <td class="label">{translate}Promotion code{/translate}</td>
            <td class="field">
               <input id="code" name="code" type="text" size="50" 
                    value=""> 
            </td>
            
        </tr>
        <tr>            
            <td colspan="2" style="text-align: right;">
            	<input id="button_add" type="button" value="{translate}Add new{/translate}" onclick="javascript:saveSaleProgram();">            	
            	<input id="button_save" type="button" value="{translate}Save{/translate}" onclick="javascript:saveSaleProgram();" style="display: none;">
            	<input id="button_cancel" type="button" value="{translate}Cancel{/translate}" onclick="javascript:cancelSaleProgram();" style="display: none;">
            </td>                                
        </tr>
        
        
        <!-- Table of mapped service list -->
        
    </table>
    

</form>
</div>


